<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<header>
         <div class="pull-left">
             <span>北京</span>
             <a href="#">[切换城市]&nbsp;|</a>
             <a href="#">同城帮</a>
         </div>
         <ul class="pull-right">
             <li><a href="#">登陆&nbsp;|</a></li>
             <li><a href="#">注册&nbsp;|</a></li>
             <li><a href="#">我的订单&nbsp;|</a></li>
             <li><a href="#">在线客服（9：00—21：00）&nbsp;|</a></li>
             <li><a href="#">客户服务&nbsp;|</a>
             </li>
             <li><a href="#">论坛&nbsp;|</a></li>
             <li><a href="#" class="a1">投诉建议</a></li>
         </ul>
     </header>
     <hr>

<section class="sec1">
    <div><img src="images/7.png" alt=""></div>
    <ul>
        <li>二手优品</li>
        <img src="images/11.png" alt="">
        <li>手机回收</li>
        <li>手机维修</li>
        <li>电脑维修</li>
        <li>以旧换新</li>
        <li>手机租用</li>
    </ul>
</section>

<div  id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
    <ul class="uls">
        <li>修手机/pad&nbsp;&gt</li>
        <li>修电脑</li>
        <li>卖手机/电脑</li>
        <li>买二手手机</li>
    </ul>
    <ul class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ul>
    <div class="carousel-inner">
        <div class="item active" ><img src="images/1.jpg"  ></div>
        <div class="item" ><img src="images/2.jpg" ></div>
        <div class="item" ><img src="images/3.png" ></div>
    </div>
    <div class="bg"></div>
    <div id="rigth">
        <img src="images/8.png" alt="">
        <p><input type="button" value="在线咨询"></p>
        <p>9:00-21:00</p>
        <img src="images/10.jpg" alt="">
    </div>
</div>


<div class="sec2">
      <div class="inner">
          <div>
              <h4>手机换屏</h4>
              <p>上门服务&nbsp; 180天质保</p>
              <img src="images/4.jpg" alt="">
          </div>
          <div>
             <h4>iphone更换全新电池</h4>
              <p>仅需98元起</p>
              <img src="images/5.jpg" alt="">
          </div>
          <div>
             <h4>0元拿kindle</h4>
              <p>以旧换新&nbsp;  最低0元拿</p>
              <img src="images/4.jpg" alt="">
          </div>
          <div>
              <h4>手机升级</h4>
              <p>0元起拿iphone</p>
              <img src="images/14.jpg" alt="">
          </div>
      </div>
</div>


<section class="sec3">
    <div class="inner2">
            <div><h3>热门手机回收</h3></div>
            <div>查看更多<img src="images/12.png" alt=""></div>

    </div>
</section>

<section class="sec4">
    <div class="inner">
        <div class="tud"><img src="images/24.jpg" alt=""></div>
        <div class="nei">
            <div>
                <img src="images/1-1.png">

            </div>
            <div>
                <img src="images/1-7.png" alt="">

            </div>
            <div>
                <img src="images/1-8.png" alt="">

            </div>
            <div>
                <img src="images/1-5.png" alt="">

            </div>
            <div>
                <img src="images/1-2.png" alt="">

            </div>
        </div>
    </div>
</section>

     <section class="sec3">
         <div class="inner2">
             <div><h3>优选精品</h3></div>
             <div>查看更多<img src="images/12.png" alt=""></div>

         </div>
     </section>

     <section class="sec4">
         <div class="inner">
             <div class="tud"><img src="images/4_06.png" alt=""></div>
             <div class="nei">
                 <div>
                     <img src="images/1-3.png" alt="">
                 </div>
                 <div>
                     <img src="images/1-6.png" alt="">
                 </div>
                 <div>
                     <img src="images/1-9.png" alt="">
                 </div>
                 <div>
                     <img src="images/1-4.png" alt="">
                 </div>
                 <div>
                     <img src="images/1-3.png" alt="">
                 </div>
             </div>
         </div>
     </section>

 <div id="dd">
     <h3>&nbsp;&nbsp;到店维修</h3>
 </div>


<section class="sec4">
    <div class="inner">
    <select><option>北京</option></select>
    <select><option>选择区县</option></select>
    <input type="text" placeholder="输入您的位置查找附近的商家">
    <button>搜索</button>
    </div>
</section>

<section class="sec5">
     <div class="inner">
         <div class="tow">
              <div class="headOne">
                  <button class="active">默认排序</button>
                  <button>按成交量</button>
                  <button>按人气</button>
                  <input type="checkbox">先行赔付
                  <input type="button" value="地图模式" class="ri1">
              </div>
             <ul>
                 <li>
                     <img src="images/100.jpg" alt="" class="lo">
                     <div>
                         <p><a href="#">顺通电脑维修&nbsp;</a>店铺等级：<img src="images/14.png" alt=""><img src="images/14.png" alt=""><img src="images/14.png" alt=""></p>
                         <p>主营：电脑维修，电脑周边配件，系统维护，网络安装，打印...</p>
                         <p>地址：北京通州区瑞都国际南区12号楼底商12-2</p>
                     </div>
                     <div class="zz">
                         <p><img src="images/15.png" alt="">先行赔付</p>
                         <p><img src="images/16.png" alt="">同城帮认证</p>
                         <p>人气：122328次浏览</p>
                     </div>
                     <button>进入店铺</button>
                 </li>
                 <li>
                     <img src="images/55.jpg" alt="" class="lo">
                     <div>
                         <p><a href="#">顺通电脑维修&nbsp;</a>店铺等级：<img src="images/14.png" alt=""><img src="images/14.png" alt=""></p>
                         <p>主营：电脑维修，电脑周边配件，系统维护，网络安装，打印...</p>
                         <p>地址：北京通州区瑞都国际南区12号楼底商12-2</p>
                     </div>
                     <div class="zz">
                         <p><img src="images/15.png" alt="">先行赔付</p>
                         <p><img src="images/16.png" alt="">同城帮认证</p>
                         <p>人气：122328次浏览</p>
                     </div>
                     <button>进入店铺</button>
                 </li>
                 <li>
                     <img src="images/59.jpg" alt="" class="lo">
                     <div>
                         <p><a href="#">顺通电脑维修&nbsp;</a>店铺等级：<img src="images/14.png" alt=""><img src="images/14.png" alt=""></p>
                         <p>主营：电脑维修，电脑周边配件，系统维护，网络安装，打印...</p>
                         <p>地址：北京通州区瑞都国际南区12号楼底商12-2</p>
                     </div>
                     <div class="zz">
                         <p><img src="images/15.png" alt="">先行赔付</p>
                         <p><img src="images/16.png" alt="">同城帮认证</p>
                         <p>人气：122328次浏览</p>
                     </div>
                     <button>进入店铺</button>
                 </li>
                 <li>
                     <img src="images/13.jpg" alt="" class="lo">
                     <div>
                         <p><a href="#">顺通电脑维修&nbsp;</a>店铺等级：<img src="images/14.png" alt=""><img src="images/14.png" alt=""><img src="images/14.png" alt=""><img src="images/14.png" alt=""></p>
                         <p>主营：电脑维修，电脑周边配件，系统维护，网络安装，打印...</p>
                         <p>地址：北京通州区瑞都国际南区12号楼底商12-2</p>
                     </div>
                     <div class="zz">
                         <p><img src="images/15.png" alt="">先行赔付</p>
                         <p><img src="images/16.png" alt="">同城帮认证</p>
                         <p>人气：122328次浏览</p>
                     </div>
                     <button>进入店铺</button>
                 </li>
                 <li>
                     <img src="images/56.jpg" alt="" class="lo">
                     <div>
                         <p><a href="#">顺通电脑维修&nbsp;</a>店铺等级：<img src="images/14.png" alt=""><img src="images/14.png" alt=""><img src="images/14.png" alt=""></p>
                         <p>主营：电脑维修，电脑周边配件，系统维护，网络安装，打印...</p>
                         <p>地址：北京通州区瑞都国际南区12号楼底商12-2</p>
                     </div>
                     <div class="zz">
                         <p><img src="images/15.png" alt="">先行赔付</p>
                         <p><img src="images/16.png" alt="">同城帮认证</p>
                         <p>人气：122328次浏览</p>
                     </div>
                     <button>进入店铺</button>
                 </li>
             </ul>
         </div>
         <div class="tow1">
               <h3>商家好评榜</h3>
             <ul>
                 <li>
                     <div class="yuan">1</div>
                     <img src="images/55.jpg" alt="">
                     <div class="p1">
                         <p><a href="#">联金城维修中心</a></p>
                         <p>121706条评论</p>
                     </div>
                 </li>
                 <li>
                     <div class="yuan">2</div>
                     <img src="images/100.jpg" alt="">
                     <div class="p1">
                         <p><a href="#">顺通电脑维修</a></p>
                         <p>1200000条评论</p>
                     </div>
                 </li>
                 <li>
                     <div class="yuan">3</div>
                     <img src="images/59.jpg" alt="">
                     <div class="p1">
                         <p><a href="#">盛宏科技CBD维修工作</a></p>
                         <p>12000234条评论</p>
                     </div>
                 </li>
                 <li>
                     <div class="yuan1">4</div>
                     <img src="images/59.jpg" alt="">
                     <div class="p1">
                         <p><a href="#">百佳电脑维修</a></p>
                         <p>123344条评论</p>
                     </div>
                 </li>
                 <li>
                     <div class="yuan1">5</div>
                     <img src="images/13.jpg" alt="">
                     <div class="p1">
                         <p><a href="#">鸿翔科技（北京）有限</a></p>
                         <p>121706条评论</p>
                     </div>
                 </li>
                 <li>
                     <div class="yuan1">6</div>
                     <img src="images/100.jpg" alt="">
                     <div class="p1">
                         <p><a href="#">北京开天科技维修中心</a></p>
                         <p>121565条评论</p>
                     </div>
                 </li>
                 <li>
                     <div class="yuan1">7</div>
                     <img src="images/13.jpg" alt="">
                     <div class="p1">
                         <p><a href="#">中信电脑维修</a></p>
                         <p>1214444条评论</p>
                     </div>
                 </li>
             </ul>
         </div>
     </div>
</section>
<section class="sec6">
    <div class="inner">
        <span>1</span><span>2</span><span>3</span><span>4</span>
        <span>5</span><span>6</span><span>7</span><span>8</span>
        <span>9</span><span>10</span>
        <span class="xiayiye">下一页》</span>
    </div>
</section>

<section class="sec7">
      <div class="inner">
          <ul>
              <li>
                  <img src="images/18.jpg" alt="">
                  <div>
                     <h4>购物指南</h4>
                      <p><a href="#">购物流程</a></p>
                      <p><a href="#">帮助文档</a></p>
                  </div>
              </li>
              <li>
                  <img src="images/19.jpg" alt="">
                  <div>
                     <h4>支付方式</h4>
                      <p><a href="#">在线支付</a></p>
                  </div>
              </li>
              <li>
                  <img src="images/20.jpg" alt="">
                  <div>
                      <h4>售后服务</h4>
                      <p><a href="#">投诉建议</a></p>
                      <p><a href="#">售后说明</a></p>
                  </div>
              </li>
              <li>
                  <img src="images/21.jpg" alt="">
                  <div>
                      <h4>商家合作</h4>
                      <p><a href="#" class="ac">加盟同城帮</a></p>
                      <p><a href="#">新闻采访/跨界合作</a></p>
                  </div>
              </li>
          </ul>
      </div>
    <p><a href="#">客服电话：4000-399-360 / 010-53767360 投诉建议 网站地图</a></p>
    <p><a href="#">Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心</a></p>
    <p><a href="#">京ICP备08010314号-19    京公网安备110000000006号</a></p>
</section>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>

</script>
</html>